﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Toolbar 工具栏</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />

    
    <script src="../../scripts/boot.js" type="text/javascript"></script> 
    
    
    
</head>
<body>
    <h1>Toolbar 工具栏</h1>

<div id="toolbar1" class="mini-toolbar" style="padding:2px;">
    <table style="width:100%;">
        <tr>
        <td style="width:100%;">
            <a class="mini-menubutton" plain="true" menu="#popupMenu">文件</a>
            <a class="mini-button" iconCls="icon-addfolder" plain="true" enabled="false">增加</a>
            <a class="mini-button" iconCls="icon-edit" plain="true">修改</a>
            <a class="mini-button" iconCls="icon-remove" plain="true">删除</a>
            <span class="separator"></span>
            <a class="mini-button" iconCls="icon-reload" plain="true">刷新</a>
            <a class="mini-button" iconCls="icon-download" plain="true">下载</a>
        </td>
        <td style="white-space:nowrap;"><label style="font-family:Verdana;">Filter by: </label>
            <input class="mini-textbox" />
            </td>
        </tr>
    </table>
</div>


    <!--menu-->
    <ul id="popupMenu" class="mini-menu" style="display:none;">
        <li>
		    <span >操作</span>
		    <ul>
		        <li iconCls="icon-new" >新建</li>
                <li class="separator"></li>
                <li iconCls="icon-add" >增加</li>	
			    <li iconCls="icon-edit" >修改</li>
	            <li iconCls="icon-remove" >删除</li>	 	             
		    </ul>
	    </li>
        <li class="separator"></li>
	    <li iconCls="icon-open" >打开</li>
	    <li iconCls="icon-remove" >关闭</li>

    </ul>

    <br /><br /><br /><br />
<div class="mini-toolbar">
    <a class="mini-button" iconCls="icon-add">增加</a>
    <a class="mini-button" iconCls="icon-edit">修改</a>
    <a class="mini-button" iconCls="icon-remove">删除</a>
    <span class="separator"></span>
    <a class="mini-button" plain="true">增加</a>
    <a class="mini-button" plain="true">修改</a>
    <a class="mini-button" plain="true">删除</a>
    <span class="separator"></span>
    <input class="mini-textbox" />   
    <a class="mini-button" plain="true">查询</a>
</div>





    <script type="text/javascript">
        mini.parse();


    </script>
    
    <div class="description">
        <h3>Description</h3>
    </div>
</body>
</html>